<template>
    <div>
        <!--        平台管理员-->
        <div v-if="getRoleCode() =='admin'">
            <div class="dashboard-container">
                <div class="dashboard-editor-container">
                    <div class="clearfix">
                        <pan-thumb image="" style="float: left;margin: 20px">
                            <br>
                            <br>
                            <span style="font-size: 20px">申请使用总人数</span>
                            <br>
                            <br>
                            <span style="font-size: 20px">{{applyCount}}</span>
                        </pan-thumb>
                    </div>
                </div>
            </div>
        </div>


        <div v-else>
            <div style="margin-left: 30px;margin-top: 30px">
                <span class="span_class_" style="font-weight: 600;">注意事项：</span>
                <div style="">
                    <span class="span_class_">1.“应用名称”须与授权书、软件著作权上的产品名称一致。</span>
                    <span class="span_class_">2.注册用户名需与软著或授权书的上单位名称相符；</span>
                    <span class="span_class_">3.产品提交后须经审核通过后发布，审核由人工完成，时间会依据提交申请审核数量不同有不同时长的延迟，请耐心等待。</span>
                    <span class="span_class_">4.请认真填选产品类别，类别不是“适用对象”，要围绕产品功能来选择，不要为了产品推广将不相关类别也选上，否则会被驳回；</span>
                    <span class="span_class_">5.标签是为了对产品进行补充说明，方便检索，可自定义，但一定要与产品相符，否则会被驳回；</span>
                    <span class="span_class_">6.授权书是要证明产品是由您自主研发或经授权允许您销售的具有法律效力的文件，可根据实际情况提供相关佐证。</span>
                    <span class="span_class_">7.后台应用列表，向右拉进度条可查看审核状态，如产品驳回，点击详情可查看驳回原因；</span>
                    <span class="span_class_">8.被驳回却不按照驳回要求修改反复提交的，会被删除用户；</span>
                    <span class="span_class_">9.图片要求：</span>
                    <div class="nine_">
                        <span class="span_class_">LOGO: 比例4：3，小于1M</span>
                        <span class="span_class_">应用描述图：数量不多于5张，比例4：3，小于1M</span>
                        <span class="span_class_">营业执照图：比例4：3，小于1M</span>
                        <span class="span_class_">产品销售授权书或知识产权证明：比例4：3，小于1M，可上传多张图片</span>
                        <span class="span_class_">产品介绍视频：格式mp4，数量1个，小于50M。</span>
                    </div>
                </div>
            </div>
            <!--            <div v-html="indexHtml"></div>-->
        </div>
        <!--        应用供应商-->
        <!--        <div v-if="getRoleCode() =='supplier'">-->
        <!--            <div class="dashboard-container">-->
        <!--                <div class="dashboard-editor-container">-->
        <!--                    <div class="clearfix">-->
        <!--                        <pan-thumb image="" style="float: left;margin: 20px">-->
        <!--                            <br>-->
        <!--                            <br>-->
        <!--                            <span style="font-size: 30px">欢</span>-->
        <!--                            <br>-->
        <!--                            <br>-->
        <!--                        </pan-thumb>-->
        <!--                        <pan-thumb image="" style="float: left;margin: 20px">-->
        <!--                            <br>-->
        <!--                            <br>-->
        <!--                            <span style="font-size: 30px">迎</span>-->

        <!--                            <br>-->
        <!--                            <br>-->
        <!--                        </pan-thumb>-->
        <!--                        <pan-thumb image="" style="float: left;margin: 20px">-->
        <!--                            <br>-->
        <!--                            <br>-->
        <!--                            <span style="font-size: 30px">使</span>-->
        <!--                            <br>-->
        <!--                            <br>-->
        <!--                        </pan-thumb>-->
        <!--                        <pan-thumb image="" style="float: left;margin: 20px">-->
        <!--                            <br>-->
        <!--                            <br>-->
        <!--                            <span style="font-size: 30px">用</span>-->
        <!--                            <br>-->
        <!--                            <br>-->
        <!--                        </pan-thumb>-->
        <!--                    </div>-->
        <!--                    <div>-->
        <!--                        &lt;!&ndash;                <img src="@/assets/laotou.gif" class="emptyGif">&ndash;&gt;-->
        <!--                    </div>-->
        <!--                </div>-->
        <!--            </div>-->
        <!--        </div>-->

        <!--    切换账号Dialog    -->
        <!--        <el-dialog title="免责声明" :show-close="false" :visible.sync="showExemption"-->
        <!--                   :close-on-press-escape="false" :close-on-click-modal="false"-->
        <!--                   style="margin-bottom: 10px;" width="50%">-->
        <!--            <div v-html="content.manageAgreeMessage"></div>-->
        <!--            <div slot="footer" class="dialog-footer">-->
        <!--                &lt;!&ndash;添加按钮&ndash;&gt;-->
        <!--                <el-button type="info" size="medium" @click="logOut()">不同意</el-button>-->
        <!--                <el-button type="primary" plain size="medium" @click="updateAgree()">同意</el-button>-->
        <!--            </div>-->
        <!--        </el-dialog>-->


    </div>
</template>

<script lang="ts">
    import {Component, Vue} from 'vue-property-decorator'
    import PanThumb from '@/components/PanThumb/index.vue'
    import GithubCorner from '@/components/GithubCorner/index.vue'
    import {getRoleInfo, getUserInfo, removeAllCache} from "@/utils/storage";
    import $http from "@/http";
    import {API} from "@/aconst/API";
    import {TagsViewModule} from "@/store/modules/tags-view";
    import {UserModule} from "@/store/modules/user";

    @Component({
        name: 'Index',
        components: {
            PanThumb,
            GithubCorner
        }
    })
    export default class Index extends Vue {
        indexHtml = "";
        applyCount = 0;
        // content = {
        //     manageAgreeMessage: ""
        // };
        //
        // showExemption = false;
        // 1	system	系统管理员
        // 2	admin	平台管理员
        // 21	supplier	应用供应商
        // 11	government	政府部门
        // 12	company	企事业单位
        // 13	personal	个人用户

        getRoleCode() {
            let roleInfo = JSON.parse(getRoleInfo());
            return roleInfo.code;
        }

        getUserAgree() {
            let userInfo = JSON.parse(getUserInfo());
            return userInfo.agree
        }

        //同意
        getCount() {
            if (this.getRoleCode() == 'admin') {
                $http.post(API.adminApplyCount, {})
                    .then((res: any) => {
                            if (res.success) {
                                this.applyCount = res.data.peopleAllCount;
                            }
                        }
                    );
            }
        }

        //角色对应的首页内容
        getRoleIndexHtml() {
            if (this.getRoleCode() != 'admin') {
                $http.post(API.supplierUserIndexHtml, {})
                    .then((res: any) => {
                            if (res.success) {
                                this.indexHtml = res.data.adminSupplierIndexHtml;
                            }
                        }
                    );
            }
        }

        //初始化
        async mounted() {
            this.getCount();
            // this.getRoleIndexHtml();
        }

        async activated() {
            this.getCount();
            // this.getRoleIndexHtml();
        }

        //退出登录
        logOut() {
            TagsViewModule.delAllCachedViews();
            TagsViewModule.delAllViews();
            UserModule.LogOut();
            removeAllCache();
            this.$router.push(`/login?redirect=/index`)
        }

    }
</script>

<style lang="scss" scoped>
    .span_class_ {
        display: block;
        margin-bottom: 15px;
        font-size: 16px;
        color: #333;
        text-indent: 2em;
    }

    .nine_ {
        padding-left: 30px;
    }

    .nine_ span {
        margin-bottom: 10px;
    }

    .emptyGif {
        display: block;
        width: 45%;
        margin: 0 auto;
    }

    .dashboard-editor-container {
        background-color: #e3e3e3;
        min-height: 400vh;
        padding: 30px 40px 0px;
    }
</style>
